<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <%@ include file="../inc/taglibs.jsp" %>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no">
    <title>问题反馈</title>
    <link rel="stylesheet" type="text/css" href="${contextPath}/static/wechat/css/style.css">
    <script type="text/javascript" src="${contextPath}/static/wechat/js/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // 选择内容超出省略号
            $(".row2-chose span").each(function () {
                var max = 13;
                if ($(this).text().length > max) {
                    $(this).text($(this).text().substring(0, max) + "……")
                }
            });
        })

    </script>
</head>
<body>
<section class="section">
    <div class="row1">
        <div class="detail">
            <p>问题描述</p>
        </div>
        <div class="detail-content">
            <p>${question.descriptionOne}</p>
        </div>
    </div>
</section>
<section class="section"></section>
<section class="section">
    <div class="row2 flex_b flex">
        <div class="type">
            <span>区域</span>
        </div>
        <div class="row2-chose">
            <span>${question.area.name}</span>
        </div>
    </div>
</section>
<section class="section">
    <div class="row2 flex_b flex">
        <div class="type">
            <span>类型</span>
        </div>
        <div class="row2-chose">
            <span>${question.type.name}</span>
        </div>
    </div>
</section>
<section class="section">
    <div class="row2 flex-b flex">
        <div class="type">
            <span>责任部门</span>
        </div>
        <div class="row2-chose">
            <span>${question.sectionTwo}</span>
        </div>
    </div>
</section>
<section class="section">
    <div class="row2 flex-b flex">
        <div class="type">
            <span>责任人</span>
        </div>
        <div class="row2-chose">
            <span>${question.nameTwo}</span>
        </div>
    </div>
</section>
<section class="section">
    <div class="row2 row2-img">
        <c:forEach var="n" items="${imageList}">
            <a href="/files/upload/${n.url}"><img src="/files/upload/${n.url}" style="height: 100px;"/></a>
        </c:forEach>
    </div>
</section>
</body>
</html>